<!DOCTYPE html>
<html lang="zh" dir="auto">

<head><meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="robots" content="index, follow">
<title>[译]Markdown语法指南 | PaperMod</title>

<meta name="keywords" content="markdown, css, html, themes" />
<meta name="description" content="HTML 元素在Markdown中的使用和基本 Markdown 语法格式">
<meta name="author" content="Hugo Authors">
<link rel="canonical" href="https://note.ftls.xyz/papermod/posts/markdown-syntax/" />
<link href="/papermod/assets/css/stylesheet.min.746a86b58bb2b052b5e4df8216510494f04f81e62c08d626150c26c69ca929da.css" integrity="sha256-dGqGtYuysFK15N&#43;CFlEElPBPgeYsCNYmFQwmxpypKdo=" rel="preload stylesheet"
    as="style">

<link rel="icon" href="https://note.ftls.xyz/papermod/favicon.ico">
<link rel="icon" type="image/png" sizes="16x16" href="https://note.ftls.xyz/papermod/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://note.ftls.xyz/papermod/favicon-32x32.png">
<link rel="apple-touch-icon" href="https://note.ftls.xyz/papermod/apple-touch-icon.png">
<link rel="mask-icon" href="https://note.ftls.xyz/papermod/safari-pinned-tab.svg">
<meta name="theme-color" content="#2e2e33">
<meta name="msapplication-TileColor" content="#2e2e33">
<meta name="generator" content="Hugo 0.104.2" />
<link rel="alternate" hreflang="zh" href="https://note.ftls.xyz/papermod/posts/markdown-syntax/" />
<link rel="alternate" hreflang="en" href="https://note.ftls.xyz/papermod/en/posts/markdown-syntax/" />


<meta property="og:title" content="[译]Markdown语法指南" />
<meta property="og:description" content="HTML 元素在Markdown中的使用和基本 Markdown 语法格式" />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://note.ftls.xyz/papermod/posts/markdown-syntax/" /><meta property="og:image" content="https://note.ftls.xyz/papermod/%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20mod-cover.png"/><meta property="article:section" content="posts" />
<meta property="article:published_time" content="2019-03-11T00:00:00&#43;00:00" />
<meta property="article:modified_time" content="2019-03-11T00:00:00&#43;00:00" />


<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:image" content="https://note.ftls.xyz/papermod/%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20mod-cover.png"/>

<meta name="twitter:title" content="[译]Markdown语法指南"/>
<meta name="twitter:description" content="HTML 元素在Markdown中的使用和基本 Markdown 语法格式"/>


<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position":  1 ,
      "name": "Posts",
      "item": "https://note.ftls.xyz/papermod/posts/"
    }, 
    {
      "@type": "ListItem",
      "position":  2 ,
      "name": "[译]Markdown语法指南",
      "item": "https://note.ftls.xyz/papermod/posts/markdown-syntax/"
    }
  ]
}
</script>
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BlogPosting",
  "headline": "[译]Markdown语法指南",
  "name": "[译]Markdown语法指南",
  "description": "HTML 元素在Markdown中的使用和基本 Markdown 语法格式",
  "keywords": [
    "markdown", "css", "html", "themes"
  ],
  "articleBody": "本文提供了一个可以在Hugo内容文件中使用的基本Markdown语法示例，还展示了Hugo主题中基本的HTML元素是否可以使用CSS。\n转载自: https://adityatelange.github.io/hugo-PaperMod/posts/markdown-syntax/\n标题 以下HTML-元素表示六个级别的节标题最高，最低。\nH1一级标题 H2二级标题 H3三级标题 H4四级标题 H5五级标题 H6六级标题 段落 Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.\nItatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.\n译者注：这两段为拉丁文\n区块 区块用来表示从另一个源引用的内容，可以是有必须在页脚或引用内的引文，也可以是注释和缩写。\n不标注出处的区块 Tiam, ad mint andaepu dandae nostion secatur sequo quae. 注意 ，你可以使用 Markdown语法 的区块引用。\n标注出处的区块 Don’t communicate by sharing memory, share memory by communicating.\n— Rob Pike1\n表格 表格不是Markdown核心规范的一部分，但Hugo支持开箱即用。\n姓名 年龄 鲍勃 27 爱丽丝 23 表格中使用内联Markdown 斜体 粗体 代码 斜体 粗体 代码 代码块 使用```包裹代码块 \u003c!DOCTYPE html\u003e \u003chtml lang=\"en\"\u003e \u003chead\u003e \u003cmeta charset=\"utf-8\" /\u003e \u003ctitle\u003eExample HTML5 Document\u003c/title\u003e \u003c/head\u003e \u003cbody\u003e \u003cp\u003eTest\u003c/p\u003e \u003c/body\u003e \u003c/html\u003e 代码块缩进四个空格 \u003c!doctype html\u003e Example HTML5 Document Test\n带有 Hugo 内部高亮短代码的代码块 \u003c!doctype html\u003e \u003chtml lang=\"en\"\u003e \u003chead\u003e \u003cmeta charset=\"utf-8\"\u003e \u003ctitle\u003eExample HTML5 Document\u003c/title\u003e \u003c/head\u003e \u003cbody\u003e \u003cp\u003eTest\u003c/p\u003e \u003c/body\u003e \u003c/html\u003e Gist {{\u003c gist spf13 7896402 \u003e}}\n译者注：这是一段GitHub的代码片段分享服务，国内开很慢，请在原文查看分享内容\n列表 有序列表 第一项 第二项 第三项 无序列表 列表项 另一项 还有一项 嵌套列表 水果 苹果 橘子 香蕉 乳制品 牛奶 奶酪 其他元素 — abbr、sub、sup、kbd、mark GIF 是一种图像格式。\nH2O\nXn + Yn = Zn\n按 CTRL+ALT+Delete 结束会话控制。\n大多数蝾螈是夜间活动的，捕食昆虫、蠕虫和其他小生物。\n摘自Rob Pike’s 在 2015 年 11 月 18 日间 Gopherfest 的 演讲 。 ↩︎\n",
  "wordCount" : "295",
  "inLanguage": "zh",
  "datePublished": "2019-03-11T00:00:00Z",
  "dateModified": "2019-03-11T00:00:00Z",
  "author":{
    "@type": "Person",
    "name": "Hugo Authors"
  },
  "mainEntityOfPage": {
    "@type": "WebPage",
    "@id": "https://note.ftls.xyz/papermod/posts/markdown-syntax/"
  },
  "publisher": {
    "@type": "Organization",
    "name": "PaperMod",
    "logo": {
      "@type": "ImageObject",
      "url": "https://note.ftls.xyz/papermod/favicon.ico"
    }
  }
}
</script>





</head>

<body class="" id="top">
<script>
    if (localStorage.getItem("pref-theme") === "dark") {
        document.body.classList.add('dark');
    } else if (localStorage.getItem("pref-theme") === "light") {
        document.body.classList.remove('dark')
    } else if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
        document.body.classList.add('dark');
    }

</script>
<noscript>
    <style type="text/css">
        #theme-toggle,
        .top-link {
            display: none;
        }

    </style>
    <style>
        @media (prefers-color-scheme: dark) {
            :root {
                --theme: #1d1e20;
                --entry: #2e2e33;
                --primary: rgba(255, 255, 255, 0.84);
                --secondary: rgba(255, 255, 255, 0.56);
                --tertiary: rgba(255, 255, 255, 0.16);
                --content: rgba(255, 255, 255, 0.74);
                --hljs-bg: #2e2e33;
                --code-bg: #37383e;
                --border: #333;
            }

            .list {
                background: var(--theme);
            }

            .list:not(.dark)::-webkit-scrollbar-track {
                background: 0 0;
            }

            .list:not(.dark)::-webkit-scrollbar-thumb {
                border-color: var(--theme);
            }
        }
    </style>

</noscript>
<header class="header">
    <nav class="nav">
        <div class="logo">
            <a href="https://note.ftls.xyz/papermod/" accesskey="h" title="PaperMod (Alt + H)">PaperMod</a>
            <span class="logo-switches">
                <button id="theme-toggle" accesskey="t" title="(Alt + T)">
                    <svg id="moon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                        fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                        stroke-linejoin="round">
                        <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path>
                    </svg>
                    <svg id="sun" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                        fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                        stroke-linejoin="round">
                        <circle cx="12" cy="12" r="5"></circle>
                        <line x1="12" y1="1" x2="12" y2="3"></line>
                        <line x1="12" y1="21" x2="12" y2="23"></line>
                        <line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line>
                        <line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line>
                        <line x1="1" y1="12" x2="3" y2="12"></line>
                        <line x1="21" y1="12" x2="23" y2="12"></line>
                        <line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line>
                        <line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line>
                    </svg>
                </button>
                
                

                <ul class="lang-switch"><li>|</li>
                    <li>
                        <a href="https://note.ftls.xyz/papermod/en/" title="English"
                            aria-label="English">English</a>
                    </li>
                </ul>
            </span>
        </div>
        <ul id="menu" onscroll="menu_on_scroll()">
            <li>
                <a href="https://note.ftls.xyz/papermod/archives" title="Archive">
                    <span>Archive</span>
                </a>
            </li>
            <li>
                <a href="https://note.ftls.xyz/papermod/categories/" title="Categories">
                    <span>Categories</span>
                </a>
            </li>
            <li>
                <a href="https://note.ftls.xyz/papermod/search/" title="Search (Alt &#43; /)" accesskey=/>
                    <span>Search</span>
                </a>
            </li>
            <li>
                <a href="https://note.ftls.xyz/papermod/tags/" title="Tags">
                    <span>Tags</span>
                </a>
            </li></ul>
    </nav>
</header>

    <main class="main">

<article class="post-single">
  <header class="post-header">
<div class="breadcrumbs">

    <a href="https://note.ftls.xyz/papermod/">Home</a>&nbsp;»&nbsp;<a href="https://note.ftls.xyz/papermod/posts/">Posts</a>
</div>

    <h1 class="post-title">
      [译]Markdown语法指南
    </h1>
    <div class="post-description">
      HTML 元素在Markdown中的使用和基本 Markdown 语法格式
    </div>
    <div class="post-meta">

March 11, 2019&nbsp;·&nbsp;2 分钟&nbsp;·&nbsp;Hugo Authors
&nbsp;|&nbsp;
<ul class="i18n_list">语言:
    <li>
        <a href="https://note.ftls.xyz/papermod/en/posts/markdown-syntax/">English</a>
    </li>
</ul>
|&nbsp;<a href="mailto://snowandocean@foxmail.com?subject=Suggesting%20changes%20for" rel="noopener noreferrer" target="_blank">Suggest Changes</a>
</div>
  </header> 

  <div class="toc">
    <details  open>
      <summary accesskey="c" title="(Alt + C)">
        <div class="details">目录</div>
      </summary>
      <div class="inner"><ul><ul><li>
        <a href="#%e6%a0%87%e9%a2%98" aria-label="标题">标题</a></li></ul>
        <li>
        <a href="#h1%e4%b8%80%e7%ba%a7%e6%a0%87%e9%a2%98" aria-label="H1一级标题">H1一级标题</a><ul>
            <li>
        <a href="#h2%e4%ba%8c%e7%ba%a7%e6%a0%87%e9%a2%98" aria-label="H2二级标题">H2二级标题</a><ul>
            <li>
        <a href="#h3%e4%b8%89%e7%ba%a7%e6%a0%87%e9%a2%98" aria-label="H3三级标题">H3三级标题</a><ul>
            <li>
        <a href="#h4%e5%9b%9b%e7%ba%a7%e6%a0%87%e9%a2%98" aria-label="H4四级标题">H4四级标题</a><ul>
            <li>
        <a href="#h5%e4%ba%94%e7%ba%a7%e6%a0%87%e9%a2%98" aria-label="H5五级标题">H5五级标题</a><ul>
            <li>
        <a href="#h6%e5%85%ad%e7%ba%a7%e6%a0%87%e9%a2%98" aria-label="H6六级标题">H6六级标题</a></li></ul>
    </li></ul>
    </li></ul>
    </li></ul>
    </li><li>
        <a href="#%e6%ae%b5%e8%90%bd" aria-label="段落">段落</a></li><li>
        <a href="#%e5%8c%ba%e5%9d%97" aria-label="区块">区块</a><ul>
            <ul>
            <li>
        <a href="#%e4%b8%8d%e6%a0%87%e6%b3%a8%e5%87%ba%e5%a4%84%e7%9a%84%e5%8c%ba%e5%9d%97" aria-label="不标注出处的区块">不标注出处的区块</a></li><li>
        <a href="#%e6%a0%87%e6%b3%a8%e5%87%ba%e5%a4%84%e7%9a%84%e5%8c%ba%e5%9d%97" aria-label="标注出处的区块">标注出处的区块</a></li></ul>
        </ul>
    </li><li>
        <a href="#%e8%a1%a8%e6%a0%bc" aria-label="表格">表格</a><ul>
            <ul>
            <li>
        <a href="#%e8%a1%a8%e6%a0%bc%e4%b8%ad%e4%bd%bf%e7%94%a8%e5%86%85%e8%81%94markdown" aria-label="表格中使用内联Markdown">表格中使用内联Markdown</a></li></ul>
        </ul>
    </li><li>
        <a href="#%e4%bb%a3%e7%a0%81%e5%9d%97" aria-label="代码块">代码块</a><ul>
            <ul>
            <li>
        <a href="#%e4%bd%bf%e7%94%a8%e5%8c%85%e8%a3%b9%e4%bb%a3%e7%a0%81%e5%9d%97" aria-label="使用```包裹代码块">使用```包裹代码块</a></li><li>
        <a href="#%e4%bb%a3%e7%a0%81%e5%9d%97%e7%bc%a9%e8%bf%9b%e5%9b%9b%e4%b8%aa%e7%a9%ba%e6%a0%bc" aria-label="代码块缩进四个空格">代码块缩进四个空格</a></li><li>
        <a href="#%e5%b8%a6%e6%9c%89-hugo-%e5%86%85%e9%83%a8%e9%ab%98%e4%ba%ae%e7%9f%ad%e4%bb%a3%e7%a0%81%e7%9a%84%e4%bb%a3%e7%a0%81%e5%9d%97" aria-label="带有 Hugo 内部高亮短代码的代码块">带有 Hugo 内部高亮短代码的代码块</a></li><li>
        <a href="#gist" aria-label="Gist">Gist</a></li></ul>
        </ul>
    </li><li>
        <a href="#%e5%88%97%e8%a1%a8" aria-label="列表">列表</a><ul>
            <ul>
            <li>
        <a href="#%e6%9c%89%e5%ba%8f%e5%88%97%e8%a1%a8" aria-label="有序列表">有序列表</a></li><li>
        <a href="#%e6%97%a0%e5%ba%8f%e5%88%97%e8%a1%a8" aria-label="无序列表">无序列表</a></li><li>
        <a href="#%e5%b5%8c%e5%a5%97%e5%88%97%e8%a1%a8" aria-label="嵌套列表">嵌套列表</a></li></ul>
        </ul>
    </li><li>
        <a href="#%e5%85%b6%e4%bb%96%e5%85%83%e7%b4%a0--abbrsubsupkbdmark" aria-label="其他元素 — abbr、sub、sup、kbd、mark">其他元素 — abbr、sub、sup、kbd、mark</a></li></ul>
</li></ul>
      </div>
    </details>
  </div>
  <div class="post-content">
<p>本文提供了一个可以在Hugo内容文件中使用的基本Markdown语法示例，还展示了Hugo主题中基本的HTML元素是否可以使用CSS。</p>
<blockquote>
<p>转载自: <a href="https://adityatelange.github.io/hugo-PaperMod/posts/markdown-syntax/">https://adityatelange.github.io/hugo-PaperMod/posts/markdown-syntax/</a></p>
</blockquote>
<h2 id="标题">标题<a hidden class="anchor" aria-hidden="true" href="#标题">#</a></h2>
<p>以下HTML<code>&lt;h1&gt;</code>-<code>&lt;h6&gt;</code>元素表示六个级别的节标题<code>&lt;h1&gt;</code>最高，<code>&lt;h6&gt;</code>最低。</p>
<h1 id="h1一级标题">H1一级标题<a hidden class="anchor" aria-hidden="true" href="#h1一级标题">#</a></h1>
<h2 id="h2二级标题">H2二级标题<a hidden class="anchor" aria-hidden="true" href="#h2二级标题">#</a></h2>
<h3 id="h3三级标题">H3三级标题<a hidden class="anchor" aria-hidden="true" href="#h3三级标题">#</a></h3>
<h4 id="h4四级标题">H4四级标题<a hidden class="anchor" aria-hidden="true" href="#h4四级标题">#</a></h4>
<h5 id="h5五级标题">H5五级标题<a hidden class="anchor" aria-hidden="true" href="#h5五级标题">#</a></h5>
<h6 id="h6六级标题">H6六级标题<a hidden class="anchor" aria-hidden="true" href="#h6六级标题">#</a></h6>
<h2 id="段落">段落<a hidden class="anchor" aria-hidden="true" href="#段落">#</a></h2>
<p>Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.</p>
<p>Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.</p>
<blockquote>
<p>译者注：这两段为拉丁文</p>
</blockquote>
<h2 id="区块">区块<a hidden class="anchor" aria-hidden="true" href="#区块">#</a></h2>
<p>区块用来表示从另一个源引用的内容，可以是有必须在<code>页脚</code>或<code>引用</code>内的引文，也可以是注释和缩写。</p>
<h4 id="不标注出处的区块">不标注出处的区块<a hidden class="anchor" aria-hidden="true" href="#不标注出处的区块">#</a></h4>
<blockquote>
<p>Tiam, ad mint andaepu dandae nostion secatur sequo quae.
<strong>注意</strong> ，你可以使用 <em>Markdown语法</em> 的区块引用。</p>
</blockquote>
<h4 id="标注出处的区块">标注出处的区块<a hidden class="anchor" aria-hidden="true" href="#标注出处的区块">#</a></h4>
<blockquote>
<p>Don&rsquo;t communicate by sharing memory, share memory by communicating.</p>
<p>— <cite>Rob Pike<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup></cite></p>
</blockquote>
<h2 id="表格">表格<a hidden class="anchor" aria-hidden="true" href="#表格">#</a></h2>
<p>表格不是Markdown核心规范的一部分，但Hugo支持开箱即用。</p>
<table>
<thead>
<tr>
<th>姓名</th>
<th>年龄</th>
</tr>
</thead>
<tbody>
<tr>
<td>鲍勃</td>
<td>27</td>
</tr>
<tr>
<td>爱丽丝</td>
<td>23</td>
</tr>
</tbody>
</table>
<h4 id="表格中使用内联markdown">表格中使用内联Markdown<a hidden class="anchor" aria-hidden="true" href="#表格中使用内联markdown">#</a></h4>
<table>
<thead>
<tr>
<th>斜体</th>
<th>粗体</th>
<th>代码</th>
</tr>
</thead>
<tbody>
<tr>
<td><em>斜体</em></td>
<td><strong>粗体</strong></td>
<td><code>代码</code></td>
</tr>
</tbody>
</table>
<h2 id="代码块">代码块<a hidden class="anchor" aria-hidden="true" href="#代码块">#</a></h2>
<h4 id="使用包裹代码块">使用```包裹代码块<a hidden class="anchor" aria-hidden="true" href="#使用包裹代码块">#</a></h4>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-html" data-lang="html"><span style="display:flex;"><span><span style="color:#75715e">&lt;!DOCTYPE html&gt;</span>
</span></span><span style="display:flex;"><span>&lt;<span style="color:#f92672">html</span> <span style="color:#a6e22e">lang</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;en&#34;</span>&gt;
</span></span><span style="display:flex;"><span>    &lt;<span style="color:#f92672">head</span>&gt;
</span></span><span style="display:flex;"><span>        &lt;<span style="color:#f92672">meta</span> <span style="color:#a6e22e">charset</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;utf-8&#34;</span> /&gt;
</span></span><span style="display:flex;"><span>        &lt;<span style="color:#f92672">title</span>&gt;Example HTML5 Document&lt;/<span style="color:#f92672">title</span>&gt;
</span></span><span style="display:flex;"><span>    &lt;/<span style="color:#f92672">head</span>&gt;
</span></span><span style="display:flex;"><span>    &lt;<span style="color:#f92672">body</span>&gt;
</span></span><span style="display:flex;"><span>        &lt;<span style="color:#f92672">p</span>&gt;Test&lt;/<span style="color:#f92672">p</span>&gt;
</span></span><span style="display:flex;"><span>    &lt;/<span style="color:#f92672">body</span>&gt;
</span></span><span style="display:flex;"><span>&lt;/<span style="color:#f92672">html</span>&gt;
</span></span></code></pre></div><h4 id="代码块缩进四个空格">代码块缩进四个空格<a hidden class="anchor" aria-hidden="true" href="#代码块缩进四个空格">#</a></h4>
<pre><code>&lt;!doctype html&gt;
&lt;html lang=&quot;en&quot;&gt;
&lt;head&gt;
  &lt;meta charset=&quot;utf-8&quot;&gt;
  &lt;title&gt;Example HTML5 Document&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
  &lt;p&gt;Test&lt;/p&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>
<h4 id="带有-hugo-内部高亮短代码的代码块">带有 Hugo 内部高亮短代码的代码块<a hidden class="anchor" aria-hidden="true" href="#带有-hugo-内部高亮短代码的代码块">#</a></h4>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-html" data-lang="html"><span style="display:flex;"><span><span style="color:#75715e">&lt;!doctype html&gt;</span>
</span></span><span style="display:flex;"><span>&lt;<span style="color:#f92672">html</span> <span style="color:#a6e22e">lang</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;en&#34;</span>&gt;
</span></span><span style="display:flex;"><span>&lt;<span style="color:#f92672">head</span>&gt;
</span></span><span style="display:flex;"><span>  &lt;<span style="color:#f92672">meta</span> <span style="color:#a6e22e">charset</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;utf-8&#34;</span>&gt;
</span></span><span style="display:flex;"><span>  &lt;<span style="color:#f92672">title</span>&gt;Example HTML5 Document&lt;/<span style="color:#f92672">title</span>&gt;
</span></span><span style="display:flex;"><span>&lt;/<span style="color:#f92672">head</span>&gt;
</span></span><span style="display:flex;"><span>&lt;<span style="color:#f92672">body</span>&gt;
</span></span><span style="display:flex;"><span>  &lt;<span style="color:#f92672">p</span>&gt;Test&lt;/<span style="color:#f92672">p</span>&gt;
</span></span><span style="display:flex;"><span>&lt;/<span style="color:#f92672">body</span>&gt;
</span></span><span style="display:flex;"><span>&lt;/<span style="color:#f92672">html</span>&gt;</span></span></code></pre></div>
<h4 id="gist">Gist<a hidden class="anchor" aria-hidden="true" href="#gist">#</a></h4>
<p>{{&lt; gist spf13 7896402 &gt;}}</p>
<blockquote>
<p>译者注：这是一段GitHub的代码片段分享服务，国内开很慢，请在原文查看分享内容</p>
</blockquote>
<h2 id="列表">列表<a hidden class="anchor" aria-hidden="true" href="#列表">#</a></h2>
<h4 id="有序列表">有序列表<a hidden class="anchor" aria-hidden="true" href="#有序列表">#</a></h4>
<ol>
<li>第一项</li>
<li>第二项</li>
<li>第三项</li>
</ol>
<h4 id="无序列表">无序列表<a hidden class="anchor" aria-hidden="true" href="#无序列表">#</a></h4>
<ul>
<li>列表项</li>
<li>另一项</li>
<li>还有一项</li>
</ul>
<h4 id="嵌套列表">嵌套列表<a hidden class="anchor" aria-hidden="true" href="#嵌套列表">#</a></h4>
<ul>
<li>水果
<ul>
<li>苹果</li>
<li>橘子</li>
<li>香蕉</li>
</ul>
</li>
<li>乳制品
<ul>
<li>牛奶</li>
<li>奶酪</li>
</ul>
</li>
</ul>
<h2 id="其他元素--abbrsubsupkbdmark">其他元素 — abbr、sub、sup、kbd、mark<a hidden class="anchor" aria-hidden="true" href="#其他元素--abbrsubsupkbdmark">#</a></h2>
<p><abbr title="Graphics Interchange Format">GIF</abbr> 是一种图像格式。</p>
<p>H<sub>2</sub>O</p>
<p>X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup></p>
<p>按 <kbd><kbd>CTRL</kbd>+<kbd>ALT</kbd>+<kbd>Delete</kbd></kbd> 结束会话控制。</p>
<p>大多数<mark>蝾螈</mark>是夜间活动的，捕食昆虫、蠕虫和其他小生物。</p>
<div class="footnotes" role="doc-endnotes">
<hr>
<ol>
<li id="fn:1">
<p>摘自Rob Pike&rsquo;s 在 2015 年 11 月 18 日间 Gopherfest 的 <a href="https://www.youtube.com/watch?v=PAAkCSZUG1c">演讲</a> 。&#160;<a href="#fnref:1" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a></p>
</li>
</ol>
</div>
</div>
  <footer class="post-footer">
    <ul class="post-tags">
      <li><a href="https://note.ftls.xyz/papermod/tags/markdown/">markdown</a></li>
      <li><a href="https://note.ftls.xyz/papermod/tags/css/">css</a></li>
      <li><a href="https://note.ftls.xyz/papermod/tags/html/">html</a></li>
      <li><a href="https://note.ftls.xyz/papermod/tags/themes/">themes</a></li>
    </ul>
    <nav class="paginav">
      <a class="prev" href="https://note.ftls.xyz/papermod/posts/papermod/papermod-variables/">
        <span class="title">« 上一页</span>
        <br>
        <span>[译]Variables  | Front Matter</span>
      </a>
      <a class="next" href="https://note.ftls.xyz/papermod/posts/rich-content/">
        <span class="title">下一页 »</span>
        <br>
        <span>[译]丰富多彩的内容</span>
      </a>
    </nav>






<div class="share-buttons">
    <a target="_blank" rel="noopener noreferrer" aria-label="share [译]Markdown语法指南 on twitter"
        href="https://twitter.com/intent/tweet/?text=%5b%e8%af%91%5dMarkdown%e8%af%ad%e6%b3%95%e6%8c%87%e5%8d%97&amp;url=https%3a%2f%2fnote.ftls.xyz%2fpapermod%2fposts%2fmarkdown-syntax%2f&amp;hashtags=markdown%2ccss%2chtml%2cthemes">
        <svg version="1.1" viewBox="0 0 512 512" xml:space="preserve">
            <path
                d="M449.446,0c34.525,0 62.554,28.03 62.554,62.554l0,386.892c0,34.524 -28.03,62.554 -62.554,62.554l-386.892,0c-34.524,0 -62.554,-28.03 -62.554,-62.554l0,-386.892c0,-34.524 28.029,-62.554 62.554,-62.554l386.892,0Zm-253.927,424.544c135.939,0 210.268,-112.643 210.268,-210.268c0,-3.218 0,-6.437 -0.153,-9.502c14.406,-10.421 26.973,-23.448 36.935,-38.314c-13.18,5.824 -27.433,9.809 -42.452,11.648c15.326,-9.196 26.973,-23.602 32.49,-40.92c-14.252,8.429 -30.038,14.56 -46.896,17.931c-13.487,-14.406 -32.644,-23.295 -53.946,-23.295c-40.767,0 -73.87,33.104 -73.87,73.87c0,5.824 0.613,11.494 1.992,16.858c-61.456,-3.065 -115.862,-32.49 -152.337,-77.241c-6.284,10.881 -9.962,23.601 -9.962,37.088c0,25.594 13.027,48.276 32.95,61.456c-12.107,-0.307 -23.448,-3.678 -33.41,-9.196l0,0.92c0,35.862 25.441,65.594 59.311,72.49c-6.13,1.686 -12.72,2.606 -19.464,2.606c-4.751,0 -9.348,-0.46 -13.946,-1.38c9.349,29.426 36.628,50.728 68.965,51.341c-25.287,19.771 -57.164,31.571 -91.8,31.571c-5.977,0 -11.801,-0.306 -17.625,-1.073c32.337,21.15 71.264,33.41 112.95,33.41Z" />
        </svg>
    </a>
    <a target="_blank" rel="noopener noreferrer" aria-label="share [译]Markdown语法指南 on linkedin"
        href="https://www.linkedin.com/shareArticle?mini=true&amp;url=https%3a%2f%2fnote.ftls.xyz%2fpapermod%2fposts%2fmarkdown-syntax%2f&amp;title=%5b%e8%af%91%5dMarkdown%e8%af%ad%e6%b3%95%e6%8c%87%e5%8d%97&amp;summary=%5b%e8%af%91%5dMarkdown%e8%af%ad%e6%b3%95%e6%8c%87%e5%8d%97&amp;source=https%3a%2f%2fnote.ftls.xyz%2fpapermod%2fposts%2fmarkdown-syntax%2f">
        <svg version="1.1" viewBox="0 0 512 512" xml:space="preserve">
            <path
                d="M449.446,0c34.525,0 62.554,28.03 62.554,62.554l0,386.892c0,34.524 -28.03,62.554 -62.554,62.554l-386.892,0c-34.524,0 -62.554,-28.03 -62.554,-62.554l0,-386.892c0,-34.524 28.029,-62.554 62.554,-62.554l386.892,0Zm-288.985,423.278l0,-225.717l-75.04,0l0,225.717l75.04,0Zm270.539,0l0,-129.439c0,-69.333 -37.018,-101.586 -86.381,-101.586c-39.804,0 -57.634,21.891 -67.617,37.266l0,-31.958l-75.021,0c0.995,21.181 0,225.717 0,225.717l75.02,0l0,-126.056c0,-6.748 0.486,-13.492 2.474,-18.315c5.414,-13.475 17.767,-27.434 38.494,-27.434c27.135,0 38.007,20.707 38.007,51.037l0,120.768l75.024,0Zm-307.552,-334.556c-25.674,0 -42.448,16.879 -42.448,39.002c0,21.658 16.264,39.002 41.455,39.002l0.484,0c26.165,0 42.452,-17.344 42.452,-39.002c-0.485,-22.092 -16.241,-38.954 -41.943,-39.002Z" />
        </svg>
    </a>
    <a target="_blank" rel="noopener noreferrer" aria-label="share [译]Markdown语法指南 on reddit"
        href="https://reddit.com/submit?url=https%3a%2f%2fnote.ftls.xyz%2fpapermod%2fposts%2fmarkdown-syntax%2f&title=%5b%e8%af%91%5dMarkdown%e8%af%ad%e6%b3%95%e6%8c%87%e5%8d%97">
        <svg version="1.1" viewBox="0 0 512 512" xml:space="preserve">
            <path
                d="M449.446,0c34.525,0 62.554,28.03 62.554,62.554l0,386.892c0,34.524 -28.03,62.554 -62.554,62.554l-386.892,0c-34.524,0 -62.554,-28.03 -62.554,-62.554l0,-386.892c0,-34.524 28.029,-62.554 62.554,-62.554l386.892,0Zm-3.446,265.638c0,-22.964 -18.616,-41.58 -41.58,-41.58c-11.211,0 -21.361,4.457 -28.841,11.666c-28.424,-20.508 -67.586,-33.757 -111.204,-35.278l18.941,-89.121l61.884,13.157c0.756,15.734 13.642,28.29 29.56,28.29c16.407,0 29.706,-13.299 29.706,-29.701c0,-16.403 -13.299,-29.702 -29.706,-29.702c-11.666,0 -21.657,6.792 -26.515,16.578l-69.105,-14.69c-1.922,-0.418 -3.939,-0.042 -5.585,1.036c-1.658,1.073 -2.811,2.761 -3.224,4.686l-21.152,99.438c-44.258,1.228 -84.046,14.494 -112.837,35.232c-7.468,-7.164 -17.589,-11.591 -28.757,-11.591c-22.965,0 -41.585,18.616 -41.585,41.58c0,16.896 10.095,31.41 24.568,37.918c-0.639,4.135 -0.99,8.328 -0.99,12.576c0,63.977 74.469,115.836 166.33,115.836c91.861,0 166.334,-51.859 166.334,-115.836c0,-4.218 -0.347,-8.387 -0.977,-12.493c14.564,-6.47 24.735,-21.034 24.735,-38.001Zm-119.474,108.193c-20.27,20.241 -59.115,21.816 -70.534,21.816c-11.428,0 -50.277,-1.575 -70.522,-21.82c-3.007,-3.008 -3.007,-7.882 0,-10.889c3.003,-2.999 7.882,-3.003 10.885,0c12.777,12.781 40.11,17.317 59.637,17.317c19.522,0 46.86,-4.536 59.657,-17.321c3.016,-2.999 7.886,-2.995 10.885,0.008c3.008,3.011 3.003,7.882 -0.008,10.889Zm-5.23,-48.781c-16.373,0 -29.701,-13.324 -29.701,-29.698c0,-16.381 13.328,-29.714 29.701,-29.714c16.378,0 29.706,13.333 29.706,29.714c0,16.374 -13.328,29.698 -29.706,29.698Zm-160.386,-29.702c0,-16.381 13.328,-29.71 29.714,-29.71c16.369,0 29.689,13.329 29.689,29.71c0,16.373 -13.32,29.693 -29.689,29.693c-16.386,0 -29.714,-13.32 -29.714,-29.693Z" />
        </svg>
    </a>
    <a target="_blank" rel="noopener noreferrer" aria-label="share [译]Markdown语法指南 on facebook"
        href="https://facebook.com/sharer/sharer.php?u=https%3a%2f%2fnote.ftls.xyz%2fpapermod%2fposts%2fmarkdown-syntax%2f">
        <svg version="1.1" viewBox="0 0 512 512" xml:space="preserve">
            <path
                d="M449.446,0c34.525,0 62.554,28.03 62.554,62.554l0,386.892c0,34.524 -28.03,62.554 -62.554,62.554l-106.468,0l0,-192.915l66.6,0l12.672,-82.621l-79.272,0l0,-53.617c0,-22.603 11.073,-44.636 46.58,-44.636l36.042,0l0,-70.34c0,0 -32.71,-5.582 -63.982,-5.582c-65.288,0 -107.96,39.569 -107.96,111.204l0,62.971l-72.573,0l0,82.621l72.573,0l0,192.915l-191.104,0c-34.524,0 -62.554,-28.03 -62.554,-62.554l0,-386.892c0,-34.524 28.029,-62.554 62.554,-62.554l386.892,0Z" />
        </svg>
    </a>
    <a target="_blank" rel="noopener noreferrer" aria-label="share [译]Markdown语法指南 on whatsapp"
        href="https://api.whatsapp.com/send?text=%5b%e8%af%91%5dMarkdown%e8%af%ad%e6%b3%95%e6%8c%87%e5%8d%97%20-%20https%3a%2f%2fnote.ftls.xyz%2fpapermod%2fposts%2fmarkdown-syntax%2f">
        <svg version="1.1" viewBox="0 0 512 512" xml:space="preserve">
            <path
                d="M449.446,0c34.525,0 62.554,28.03 62.554,62.554l0,386.892c0,34.524 -28.03,62.554 -62.554,62.554l-386.892,0c-34.524,0 -62.554,-28.03 -62.554,-62.554l0,-386.892c0,-34.524 28.029,-62.554 62.554,-62.554l386.892,0Zm-58.673,127.703c-33.842,-33.881 -78.847,-52.548 -126.798,-52.568c-98.799,0 -179.21,80.405 -179.249,179.234c-0.013,31.593 8.241,62.428 23.927,89.612l-25.429,92.884l95.021,-24.925c26.181,14.28 55.659,21.807 85.658,21.816l0.074,0c98.789,0 179.206,-80.413 179.247,-179.243c0.018,-47.895 -18.61,-92.93 -52.451,-126.81Zm-126.797,275.782l-0.06,0c-26.734,-0.01 -52.954,-7.193 -75.828,-20.767l-5.441,-3.229l-56.386,14.792l15.05,-54.977l-3.542,-5.637c-14.913,-23.72 -22.791,-51.136 -22.779,-79.287c0.033,-82.142 66.867,-148.971 149.046,-148.971c39.793,0.014 77.199,15.531 105.329,43.692c28.128,28.16 43.609,65.592 43.594,105.4c-0.034,82.149 -66.866,148.983 -148.983,148.984Zm81.721,-111.581c-4.479,-2.242 -26.499,-13.075 -30.604,-14.571c-4.105,-1.495 -7.091,-2.241 -10.077,2.241c-2.986,4.483 -11.569,14.572 -14.182,17.562c-2.612,2.988 -5.225,3.364 -9.703,1.12c-4.479,-2.241 -18.91,-6.97 -36.017,-22.23c-13.314,-11.876 -22.304,-26.542 -24.916,-31.026c-2.612,-4.484 -0.279,-6.908 1.963,-9.14c2.016,-2.007 4.48,-5.232 6.719,-7.847c2.24,-2.615 2.986,-4.484 4.479,-7.472c1.493,-2.99 0.747,-5.604 -0.374,-7.846c-1.119,-2.241 -10.077,-24.288 -13.809,-33.256c-3.635,-8.733 -7.327,-7.55 -10.077,-7.688c-2.609,-0.13 -5.598,-0.158 -8.583,-0.158c-2.986,0 -7.839,1.121 -11.944,5.604c-4.105,4.484 -15.675,15.32 -15.675,37.364c0,22.046 16.048,43.342 18.287,46.332c2.24,2.99 31.582,48.227 76.511,67.627c10.685,4.615 19.028,7.371 25.533,9.434c10.728,3.41 20.492,2.929 28.209,1.775c8.605,-1.285 26.499,-10.833 30.231,-21.295c3.732,-10.464 3.732,-19.431 2.612,-21.298c-1.119,-1.869 -4.105,-2.99 -8.583,-5.232Z" />
        </svg>
    </a>
    <a target="_blank" rel="noopener noreferrer" aria-label="share [译]Markdown语法指南 on telegram"
        href="https://telegram.me/share/url?text=%5b%e8%af%91%5dMarkdown%e8%af%ad%e6%b3%95%e6%8c%87%e5%8d%97&amp;url=https%3a%2f%2fnote.ftls.xyz%2fpapermod%2fposts%2fmarkdown-syntax%2f">
        <svg version="1.1" xml:space="preserve" viewBox="2 2 28 28">
            <path
                d="M26.49,29.86H5.5a3.37,3.37,0,0,1-2.47-1,3.35,3.35,0,0,1-1-2.47V5.48A3.36,3.36,0,0,1,3,3,3.37,3.37,0,0,1,5.5,2h21A3.38,3.38,0,0,1,29,3a3.36,3.36,0,0,1,1,2.46V26.37a3.35,3.35,0,0,1-1,2.47A3.38,3.38,0,0,1,26.49,29.86Zm-5.38-6.71a.79.79,0,0,0,.85-.66L24.73,9.24a.55.55,0,0,0-.18-.46.62.62,0,0,0-.41-.17q-.08,0-16.53,6.11a.59.59,0,0,0-.41.59.57.57,0,0,0,.43.52l4,1.24,1.61,4.83a.62.62,0,0,0,.63.43.56.56,0,0,0,.4-.17L16.54,20l4.09,3A.9.9,0,0,0,21.11,23.15ZM13.8,20.71l-1.21-4q8.72-5.55,8.78-5.55c.15,0,.23,0,.23.16a.18.18,0,0,1,0,.06s-2.51,2.3-7.52,6.8Z" />
        </svg>
    </a>
</div>

  </footer>
</article>
    </main><footer class="footer">
    <span>&copy; 2023 <a href="https://note.ftls.xyz/papermod/">PaperMod</a></span>
    <span>&middot;</span>
    <span>Powered by <a href="https://gohugo.io/" rel="noopener noreferrer" target="_blank">Hugo</a></span>
    <span>&middot;</span>
    <span>Theme <a href="https://git.io/hugopapermod" rel="noopener" target="_blank">PaperMod</a></span>
</footer>
<a href="#top" aria-label="go to top" title="Go to Top (Alt + G)">
    <button class="top-link" id="top-link" type="button" accesskey="g">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 6" fill="currentColor">
            <path d="M12 6H0l6-6z" />
        </svg>
    </button>
</a>



<script defer src="/papermod/assets/js/highlight.min.b95bacdc39e37a332a9f883b1e78be4abc1fdca2bc1f2641f55e3cd3dabd4d61.js" integrity="sha256-uVus3DnjejMqn4g7Hni&#43;Srwf3KK8HyZB9V4809q9TWE="
    onload="hljs.initHighlightingOnLoad();"></script>
<script>
    window.onload = function () {
        if (localStorage.getItem("menu-scroll-position")) {
            document.getElementById('menu').scrollLeft = localStorage.getItem("menu-scroll-position");
        }
    }

    function menu_on_scroll() {
        localStorage.setItem("menu-scroll-position", document.getElementById('menu').scrollLeft);
    }

    document.querySelectorAll('a[href^="#"]').forEach(anchor => {
        anchor.addEventListener("click", function (e) {
            e.preventDefault();
            var id = this.getAttribute("href").substr(1);
            if (!window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
                document.querySelector(`[id='${decodeURIComponent(id)}']`).scrollIntoView({
                    behavior: "smooth"
                });
            } else {
                document.querySelector(`[id='${decodeURIComponent(id)}']`).scrollIntoView();
            }
            if (id === "top") {
                history.replaceState(null, null, " ");
            } else {
                history.pushState(null, null, `#${id}`);
            }
        });
    });

</script>
<script>
    var mybutton = document.getElementById("top-link");
    window.onscroll = function () {
        if (document.body.scrollTop > 800 || document.documentElement.scrollTop > 800) {
            mybutton.style.visibility = "visible";
            mybutton.style.opacity = "1";
        } else {
            mybutton.style.visibility = "hidden";
            mybutton.style.opacity = "0";
        }
    };

</script>
<script>
    document.getElementById("theme-toggle").addEventListener("click", () => {
        if (document.body.className.includes("dark")) {
            document.body.classList.remove('dark');
            localStorage.setItem("pref-theme", 'light');
        } else {
            document.body.classList.add('dark');
            localStorage.setItem("pref-theme", 'dark');
        }
    })

</script>

</body>

</html>
